<template>
  <div style="padding-bottom:1.6rem">
    <TopBar>新手指南</TopBar>
    <img
      v-for="img in list"
      :src="img"
      :key="img.id"
      style="width:100%"
      />
    <div class="guideBtnBox">
      <p class="guideBtn" @click="toInvest">投资拿返利</p>
    </div>
  </div>
</template>
<script>
import TopBar from '../../component/common/TopBar'
import { XImg } from 'vux'
import {getSDK} from '../../../service/wxShare.js'

export default {
  components:{
    TopBar,
    XImg
  },
  beforeCreate(){
    getSDK(); 
  },
  data(){
    return {
      list:[
        '../../../../static/assets/guide1.jpg',
        '../../../../static/assets/guide2.jpg', 
      ]
    }
  },
  methods:{
    toInvest(){
      this.$router.push('/invest')
    }
  }
}
</script>
<style lang="less">
@import '../../../style/mixin.less';
  .guideBtnBox{
    .wh(100%,1.6267rem);
    max-width: 10rem;
    position: fixed;
    bottom: 0;
    .bg(#fff);
    .guideBtn{
      margin: 0 auto;
      .wh(90%,1.4rem);
      .sc(0.44rem,#000);
      border: 1px solid #939393;
      text-align: center;
      line-height: 1.4rem;
      .borderRadius(2rem);
    }
  }
</style>
